<!DOCTYPE html>
<html>
    <head lang="en">
        <meta charset="UTF-8">
        <title></title>
        <style>
        
        </style>
        <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"> </script>
        <script src="jquery-ui.min.js"> </script>
        <script> 
          $(function(){
              $("#tabs").tabs();
          });
        </script>
        <link rel="stylesheet" href="jquery-ui.min.css">
    </head>
    <body>
     <div id="tabs" style="width:250px;">
         <ul>
             <li> <a href="#hello1">hello1</a></li>
             <li> <a href="#hello2">hello2</a></li>
             <li> <a href="#hello3">hello3</a></li>
         </ul>
         <div id="hello1">
            hehehehehheheheh hehehehehheheheh hehehehehheheheh
            hehehehehheheheh hehehehehheheheh hehehehehheheheh
         </div>
         <div id="hello2">
               222222222222222222222222
               222222
               22222222222222222222
               222222222
               222222222222222222
             </div>
             <div id="hello3">
                   还好还好还好还好还好还好还好还好还好还好还好还好还好还好还好还好
                   还好还好还好还好还好还好还好还好还好还好还好还好还好还好
                   还好还好还好还好还好
                 </div>
     </div>
    </body>
</html>